<script type="text/javascript">//<![CDATA[
(function()
{
   new GWI.dashlet.RunChallenge("${args.htmlid}").setOptions(
   {
   }).setMessages(
      ${messages}
   );
   new Alfresco.widget.DashletResizer("${args.htmlid}", "${instance.object.id}");
   new Alfresco.widget.DashletTitleBarActions("${args.htmlid}").setOptions(
   {
      actions:
      [
         {
            cssClass: "help",
            bubbleOnClick:
            {
               message: "${msg("dashlet.help")?js_string}"
            },
            tooltip: "${msg("dashlet.help.tooltip")?js_string}"
         }
      ]
   });
})();

//]]></script>
<div class="dashlet run-challenge">
   <div class="title">${msg("header")}</div>
   <div class="run-add" title="Add"><a id="${args.htmlid}-add" href="#">&nbsp;</a></div>
   <div class="runner-details" title="Details"><a id="${args.htmlid}-details" href="#">&nbsp;</a></div>
   <div class="runner-history" title="History"><a id="${args.htmlid}-history" href="#">&nbsp;</a></div>
   <div class="run-ranking" title="Ranking">
   		<a id="${args.htmlid}-ranking" href="#">
   			<img src="${url.context}/res/components/dashlets/images/run-ranking.gif" style="vertical-align: text-bottom" />
   		</a>
   </div>
   <!--<div class="refresh"><a id="${args.htmlid}-refresh" href="#">&nbsp;</a></div>-->
   <div class="toolbar flat-button">
      <input id="${args.htmlid}-filter" type="button" name="filter" value="${msg("filter.runType")}" />
      <select id="${args.htmlid}-filter-menu">
         <option value="ALL">${msg("filter.all")}</option>
         <option value="RUNNING">${msg("filter.running")}</option>
         <option value="CYCLING">${msg("filter.cycling")}</option>                
         <option value="SWIMMING">${msg("filter.swimming")}</option>
      </select>
   </div>
   <div class="body scrollableList" style="padding-top:0; height: ${args.height!300}px; overflow-x:hidden;">
      <div id="${args.htmlid}-body"></div>
      <div class="clear"></div>
   </div>
</div>